<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>{$title}</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="../xui/css/xui.css"  media="all">
		<link rel="stylesheet" href="../xui/font/font-awesome/css/font-awesome.min.css" media="all">
	</head>
	<body class="xui">
		<div class="row header">
			<a class="logo" href="index.html" >XUI</a>
			<i class="x1"></i>
			<label id="toggle-top-menu" for="chk_top_menu"></label>
			<input type="checkbox" id="chk_top_menu" style="display:none;">
			<div class="top-menu">
				<ul>
					<li>
						<a href="http://www.smeoa.com" >小微OA官网</a>
					</li>
					<li>
						<a class="active" href="http://demo.smeoa.com" >系统演示</a>
					</li>
					<li>
						<a href="http://www.smeoa.com/forum">社区</a>
					</li>
					<li>
						<a href="#">Github<i class="count">99</i></a>
					</li>
				</ul>
			</div>
		</div>
		<div class="row x1">
			<label id="toggle-sidebar" for="chk-sidebar"></label>
			<input type="checkbox" id="chk-sidebar">
			<label id="shade-sidebar" for="chk-sidebar" ></label>
			<div class="w22 sidebar">
				<ul>
					<li>
						<a href="#" >基本元素</a><i class="count">99</i>
						<input type="checkbox" id="chk_1">
						<label for="chk_1"><i class="fa fa-angle-down"></i></label>
						<ul>
							<li>
								<a  href="btn.html" >按钮</a>
							</li>
							<li>
								<a  href="form.html" >表单</a>
							</li>
							<li>
								<a  href="nav.html" >导航</a>
							</li>
							<li>
								<a  href="table.html" >表格</a>
							</li>
							<li>
								<a  href="tab.html" >选项卡</a>
							</li>
							<li>
								<a  href="progress.html" >进度条</a>
							</li>
							<li>
								<a  href="asst.html" >辅助</a>
							</li>
							<li>
								<a  href="grid.html" >网格</a>
							</li>
							<li>
								<a  href="layout.html" >布局</a>
							</li>
						</ul>
					</li>
					<li>
						<a  href="" >组件</a>
						<input type="checkbox" id="chk_2">
						<label for="chk_2"><i class="fa fa-angle-down"></i></label>
						<ul>
							<li>
								<a  href="tree.html" >树形菜单</a>
							</li>
							<li>
								<a  href="popup.html" class="active" >弹窗选择</a>
							</li>
						</ul>
					</li>
				</ul>
			</div>
			<div class="box x1 gray wrap">
				<div class="page-header">
					<h1>小微OA UI 抢鲜版</h1>
				</div>
				<div>
					非职业前端倾情打造，面向菜鸟前后端程序猿，打造简单易用企业移动信息化UI解决方案
					组件正在开发中。稍等几个月
				</div>
				<style>
				</style>
				<div style="width:320px;height:180px;background: #fff;border:1px solid #ccc;position: relative;overflow: hidden;box-sizing: border-box;">
					<div class="popup-header">
						<h1>小微OA UI 抢鲜版</h1>
						<i class="mid"></i>
						<a class="btn btn-normal">确定</a><a class="btn btn-return">取消</a>
					</div>
					<div class="popup-body">
						<div class="popup-body-scroll">
							<div class="popup-content">
								12
								<br>
								23
								<br>
								4
								<br>
								5
								<br>
								5
								<br>
								5
								<br>
								5
								<br>
								5
								<br>
								<br>
								<br>
								<br>
								<br>
								<br>
								<br>
								5
								<br>
								5
								<br>
								<br>
								5
								5
								<br>
								5
								<br>
								<br>
								5
								5
								<br>
								<br>
								5
								5
								<br>
								5
								<br>
								5
								55
								5
								5
								5
								5
								5
								5
								5
								5
								5
								5
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
